div.flip-box-container div.flip-box {
  height: 28px;
  width: 100px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  float: left;
  margin: 0 2px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#82b8e2), to(#5494c5));
  text-shadow: #1A5679 1px 1px 1px;
  -webkit-box-shadow: 1px 1px 1px black;
  color: #FFF;
}
div.flip-box-container div.flip-box:hover {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#92b8e2), to(#68a7d5));
}
div.flip-box-container div.flip-box div.flip-box-handle {
  height: 24px;
  width: 24px;
  background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), color-stop(1%, white), color-stop(2%, #dddddd), color-stop(40%, white), color-stop(60%, white), color-stop(98%, #dddddd), color-stop(99%, #cccccc), to(#cccccc));
  border: 1px solid #333333;
  border-radius: 10px;
  margin: 1px;
  float: left;
}
div.flip-box-container div.flip-box div.flip-box-handle:hover {
  background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), color-stop(1%, white), color-stop(2%, white), color-stop(40%, white), color-stop(60%, white), color-stop(98%, #dddddd), color-stop(99%, white), to(white));
}
div.flip-box-container div.flip-box span.flip-box-label {
  font-weight: bold;
  font-size: 12px;
  padding: 0 2px;
  line-height: 28px;
}
